<!DOCTYPE html>
<html   xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head/>
    <h:body>
        <h:form>
            <p:commandButton id="dynaButton" value="Show" type="button" icon="ui-icon-extlink" />
            <p:tieredMenu overlay="true" trigger="dynaButton" my="left top" at="left bottom" style="width:200px">
                <p:submenu label="Ajax Menuitems">
                    <p:menuitem value="Save" actionListener="#" icon="ui-icon-disk" />
                    <p:menuitem value="Update" actionListener="#" icon="ui-icon-arrowrefresh-1-w" />
                </p:submenu>
                <p:submenu label="Non-Ajax Menuitem">
                    <p:menuitem value="Delete" actionListener="#" ajax="false" icon="ui-icon-close" />
                </p:submenu>
                <p:submenu label="Navigations" icon="ui-icon-extlink">
                    <p:submenu label="Prime Links">
                        <p:menuitem value="Prime" url="http://www.prime.com.tr" />
                        <p:menuitem value="PrimeFaces" url="http://www.primefaces.org" />
                    </p:submenu>
                    <p:menuitem value="Mobile" outcome="Index" />
                </p:submenu>
            </p:tieredMenu>
        </h:form>
    </h:body>
</html>
